import React from "react";
import {Route, Link} from 'react-router-dom'
import A from './A'
import B from './B'
import C from './C'

function Index(){
    return(
        <div>
            <div className="topNav"></div>
            <ul>
                <li><Link to="/wrokplace/a">a职场教程</Link></li>
                <li><Link to="/wrokplace/b">b职场教程</Link></li>
                <li><Link to="/wrokplace/c">c职场教程</Link></li>
            </ul>
            <div className="workplace">
                <div><h1>职场教程</h1></div>  
                <Route path="/wrokplace/a" component={A}></Route>
                <Route path="/wrokplace/b" component={B}></Route>
                <Route path="/wrokplace/c" component={C}></Route>
            </div> 
             
        </div>
    )
}

export default Index